
<template>
  <div class="app-container">
    <div >
      <el-form :inline="true" :model="query">
        <el-form-item label="名字">
          <el-input v-model="query.name" placeholder="名字" clearable />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="search()">查询</el-button>
        </el-form-item>
      </el-form>
    </div>

    <div >
      <el-table :data="tableData" border style="width: 100%">
        <el-table-column prop="name" label="名字"  />
        <el-table-column prop="photo" label="照片路径"/>
        <el-table-column >
          <template #default="scope">
            <el-button size="small" @click="openEdit(scope.row)">编辑</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script setup>
import {ref} from "vue"

const query = ref(
    {
      name: ''
    }
)

const tableData = []

function search(){

}

function openEdit(row){
  console.log(row)
}


</script>

<style scoped lang="scss">

</style>